/**
 * 因为 panda 项目 目标是 输出 PC 端 exe 软件 界面 效果
 * 特点是 是 浏览器高度 或者 视窗高度定高 ，内部滚动
 * 产生问题是 每次 视口大小改变 界面就需要 重构 此时需要监听 浏览器事件
 */
import { mapGetters } from "vuex";
export default {
  data() {
    return {
      left_component_style: {},
      middle_component_style: {},
      right_component_style: {}
    };
  },
  computed: {
    // {width: 1731, height: 848}
    ...mapGetters({
      window_size_info: "get_window_size_info"
    })
  },
  mounted() {
    this.when_window_size_info_change();
  },

  watch: {
    window_size_info() {
      this.when_window_size_info_change();
    }
  },
  methods: {
    when_window_size_info_change() {
        /**
         * 左中右  + 表格 滚动区域
         * 
         */
      this.compute_scrollarea_style();
      this.compute_middle_component_style();
      this.compute_left_component_style();
      this.compute_right_component_style();
    },
    compute_scrollarea_style() {},
    compute_left_component_style() {},
    compute_middle_component_style() {},
    compute_right_component_style() {}
  }
};
